import styled from "styled-components";

export const SearchNavigationContainer = styled.div`
  position: relative;
  width: 100%;
  height: 3rem;
`

export const Navigation = styled.ul`
  height: 100%;
  width: 100%;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-around;
`

export const NavigationItem = styled.li`
  height: 60%;
  display: inline;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: none;
  user-select: none;
  padding: 0 1rem;

  .abc {
    text-decoration: none;
  }

  &.active {
    color: #2a2a2a;
    border-bottom: #000000 1px solid;
  }
`